<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // screen   屏幕相关的信息
    // 属性
    // availWidth  availHeight 屏幕的宽度/高度 (不包含任务栏)
    // width height 屏幕的宽度/高度 (包含任务栏)

    console.log(screen);
    console.log(screen.availWidth,screen.availHeight);
    console.log(screen.width,screen.height);


    // window.devicePixelRatio  获取设备的缩放比例 (1.25% 150%  200%)
    console.log(window.devicePixelRatio);

    console.log(screen.width*window.devicePixelRatio,screen.height*window.devicePixelRatio);

</script>
</html>